<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:template match="/Result">
		<div style="margin: 5px 5%  5px 5%">
			Latitude: <input type="text" id="lat" readonly="true" disabled="true">
				<xsl:attribute name="value">
					<xsl:value-of select="lat" />
				</xsl:attribute>
			</input>
			Longitude: <input type="text" id="lng" readonly="true" disabled="true">
				<xsl:attribute name="value">
					<xsl:value-of select="lng" />
				</xsl:attribute>
			</input>
		</div>
		<div name="pano" id="pano" style="width: 90%; height: 320px; margin-left: 5%; margin-right: 5%"></div>
		<fieldset style="width: 90%; margin: 5px 5% 0 5%">
			<legend>Controll panel</legend>
			<div>
				<input type="button" id="yaw_left" value="往左" />
				<input type="button" id="yaw_right" value="往右" />
				<input type="button" id="yaw_turn180" value="轉身" />
				<input type="button" id="pitch_up" value="往上" />
				<input type="button" id="pitch_down" value="往下" />
			</div>
			<div>
				Yaw: <span id="yaw"></span>
			</div>
			<div>
				Picth: <span id="pitch"></span>
			</div>
			<xsl:value-of select="time" />
		</fieldset>
	</xsl:template>
</xsl:stylesheet>